

<HTML>
<HEAD>
<TITLE>First Test of Section 17.6 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">



#id1 {border-collapse: collapse}
#id2 {border-collapse: separate}
#id3 {border-collapse: inherit}


</STYLE>
</HEAD>




<BODY>
<h1 >
Testing First Testable Statement of Sec 17.6 of CSS2 Specification
</h1>


<ul>
<li  >
1. The border-collapse property has possible values of : "collapse | 
separate | inherit".
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #1 above is passed, then
in the first table below the border-collapse value is collapse.
The rule applied is "#id1 {border-collapse: collapse}".
The second table below has a border-collapse value of separate.
The rule applied there is "#id2 {border-collapse: separate}".
<table id=id1 >
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>
<table id=id2 >
<tr><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td></tr>
</table>
The table below should have border collapse of inherit.
The rule applied is "#id3 {border-collapse: inherit}".
<table id=id3>
<tr><td>9</td><td>10</td></tr>
<tr><td>11</td><td>12</td></tr>
</table>
All other properties of this page should be UA-default.


</BODY>
</HTML>

